[Day 13] 常用數據顯示 Table 表格-1(制式版)

2021 iThome 鐵人賽

DAY 13

自我挑戰組

13th鐵人賽

654 瀏覽

傳統網頁曾經有用過Table 排版並顯示

當各式排版方式橫行的時代

Table 已經歸類於資料呈現的方式了

想當然爾，material-UI 也有自我樣式的Table

是個功能強大的制式表格
如下圖他可以簡單正序倒序，以及下簡單的條件

參數也可以很簡單設定
rows 寫入其 Title
columns 寫入Table內容
pageSize 可以設定每頁資料筆數

<DataGrid
  rows={rows}
  columns={columns}
  pageSize={5}
/>

系列文

從 React 開始，讓你的ui material 起來共 15 篇

1 人訂閱

完整目錄

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

立即登入留言

參賽組數

1064 組

團體組數

40 組

累計文章數

22202 篇

完賽人數

602 人

IT邦幫忙